body {
	//轮播图
	.swiper {
		width: 100%;
		height: 200px;
		#slide1 {
			background: url('../../assets/images/course-img02.png') no-repeat center
				center;
			background-size: cover;
		}
		#slide2 {
			background: url('../../assets/images/course-img03.jpg') no-repeat center
				center;
			background-size: cover;
		}
		#slide3 {
			background: url('../../assets/images/course-img04.jpg') no-repeat center
				center;
			background-size: cover;
		}
	}
	//主体部分
	.main {
		padding: 20px;
		background-color: rgba(157, 189, 227, 0.4);
		height: 100%;
		//排名打卡
		.rank_clock {
			display: flex;
			justify-content: space-between;
			margin-bottom: 20px;
			//排名
			.rank {
				width: 40%;
				height: 130px;
				background: url('../../assets/images/index-card-rank.png') no-repeat -10px
					30px;
				background-size: 100px;
				border-radius: 10px;
				background-color: #54afda;
				padding: 8px;
				.rank_tady {
					font-size: 20px;
					font-weight: bold;
				}
				.rank_num {
					color: #fff;
					font-size: 50px;
					text-align: right;
				}
			}
			//打卡
			.clock {
				width: 55%;
				height: 130px;
				background: url('../../assets/images/index-card-sum.png') no-repeat 10px
					40px #9fd9f8;
				background-size: 80px;
				border-radius: 20px;
				padding: 8px;
				.addclock {
					font-size: 20px;
					font-weight: bold;
				}
				.clockBtn_p {
					text-align: right;
					margin-top: 50px;
					.clockBtn {
						width: 80px;
						height: 40px;
						color: #126086;
						font-size: 16px;
						border: 2px solid #126086;
						border-radius: 20px;
						background-color: rgba(0, 0, 0, 0);
					}
				}
			}
		}

		//运动数据+累计徽章
		.sports {
			display: flex;
			justify-content: space-between;
			margin-bottom: 20px;
			//运动数据
			.sports_num {
				width: 48%;
				height: 90px;
				border-radius: 20px;
				padding: 8px;
				background: url('../../assets/images/index-card-data.png') no-repeat
					center;
				background-size: cover;
				a {
					color: #fff;
				}
			}
			//累计徽章
			.badge {
				width: 48%;
				height: 90px;
				border-radius: 20px;
				padding: 8px;
				background: url('../../assets/images/index-card-badge.png') no-repeat
					0px 8px #9dbde3;
				background-size: 90px;

				.addbadge {
					color: #004e73;
					font-weight: bold;
				}
				.badge_p {
					color: #004e73;
					font-weight: bold;
					text-align: right;
					.badge_num {
						font-size: 40px;
					}
				}
			}
		}

		//课程训练
		.train {
			width: 100%;
			height: 140px;
			border-radius: 20px;
			padding: 8px;
			margin-bottom: 24px;
			background: url('../../assets/images/健身2.jpg') no-repeat center;
			background-size: cover;
			a {
				font-weight: bold;
				color: aqua;
			}
		}

		//户外跑步
		.run {
			width: 100%;
			height: 140px;
			border-radius: 20px;
			padding: 8px;
			margin-bottom: 24px;
			background: url('../../assets/images/index-card-run.png') no-repeat center;
			background-size: cover;
			a {
				font-weight: bold;
				color: #fff;
			}
		}
	}
}

